﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="../css/public.css">
    <meta charset="UTF-8">
    <title>公司公告</title>
    <style>
        .box{
            /*line-height: 12%;*/
            /*height: 12%;*/
            width:100%;
            border-bottom: 1px solid rgb(233,233,233);
            padding: 3% 0;
        }
        .pic{
            width:70%;
            display: block;
            float:right;
        }
        .contentbox{
            float: left;
            /*height:100%;*/
        }
        .box1{
            width:34%;
        }
        .box2{
            width:66%;
        }
        .selecticon{
            position:absolute;
            top:0;
            left:0;
            line-height: 60px;
            display: block;
            height:60px;
        }
        .selecticon img{
            width:100%;
            padding:10px 0;
        }
        .date,.done{
            font-size: 12px;
            padding:2px 0;
        }
        .title{
            font-size: 18px;
        }
        .tleheader{
            background: rgb(46,182,185);
        }
        h1{
            color:#fff;
        }
        .fb{
            font-size:18px;
        }
        .check{
            float: left;
            position:relative;
            width:30%;
            height:40px;
        }
        .check input{
            /*padding-left:10px;*/
            position:absolute;
            left:20%;
            top:50%;
        }
    </style>
</head>
<body>
    <header class="tleheader">
        <p class="backbtn"><a style="margin:0;">
            <img src="../icon/arrow/zjt.png" class="backpic" alt="">
            <span>返回</span></a>
        </p>
        <h1 class="tc">公司公告</h1>
        <span class="somebtn">
            <a href="fbgg.html">编辑</a>
        </span>
        <div class="clear"></div>
    </header>
    <div class="container">
        <div class="box">
            <div class="contentbox box1">
                <div style="margin: 0 auto;width:90%;">
                    <div class="check">
                        <input id="Checkbox1" type="checkbox" class="checkbox">
                        <label for="Checkbox1" class="selecticon">
                            <img src="../icon/select/unchecked.png" alt="">
                        </label>
                    </div>
                    <img src="../icon/pic.png" class="pic" alt="" />
                </div>
            </div>
            <a href="ggck.html">
                <div class="contentbox box2">
                    <p class="title">关于举办2016年年会通知</p>
                    <p class="date">2016-01-29 16:59</p>
                    <p class="done cb cg">已确定</p>
                </div>
            </a>
            <div class="clear"></div>
        </div>
        <div class="box">
            <div class="contentbox box1">
                <div style="margin: 0 auto;width:90%;">
                    <div class="check">
                        <input id="Checkbox2" type="checkbox" class="checkbox">
                        <label for="Checkbox2" class="selecticon">
                            <img src="../icon/select/unchecked.png" alt="">
                        </label>
                    </div>
                    <img src="../icon/pic.png" class="pic" alt="" />
                </div>
            </div>
            <a href="ggqd.html">
                <div class="contentbox box2">
                    <p class="title">关于举办2016年年会通知</p>
                    <p class="date">2016-01-29 16:59</p>
                    <p class="done cb">未确定</p>
                </div>
            </a>
            <div class="clear"></div>
        </div>
        <div class="box">
            <div class="contentbox box1">
                <div style="margin: 0 auto;width:90%;">
                    <div class="check">
                        <input id="Checkbox3" type="checkbox" class="checkbox">
                        <label for="Checkbox3" class="selecticon">
                            <img src="../icon/select/unchecked.png" alt="">
                        </label>
                    </div>
                    <img src="../icon/pic.png" class="pic" alt="" />
                </div>
            </div>
            <a href="ggqd.html">
                <div class="contentbox box2">
                    <p class="title">关于举办2016年年会通知</p>
                    <p class="date">2016-01-29 16:59</p>
                    <p class="done cb">未确定</p>
                </div>
            </a>
            <div class="clear"></div>
        </div>
        <div class="fb bgb cw">
            确定（隐藏已选择<span id="selectnum">0</span>条）
            <!--<span style="position:absolute;right:1em;"><a href="#" class="cb">删除</a></span>-->
        </div>
    </div>

<script>
    // var all = document.getElementById("selectall");
    var num = document.getElementById("selectnum");
    var checkbox = document.getElementsByClassName("checkbox");
    var icon = document.getElementsByClassName("selecticon");
    // all.onclick = function(){
    //     for(var i = 0; i < checkbox.length; i++){
    //         if(checkbox[i].checked == false){
    //             checkbox[i].checked = true;
    //         }
    //         icon[i].getElementsByTagName("img")[0].src = "icon/select/checked.png";
    //     }
    //     num.innerHTML = checkbox.length;
    // }
    var select = new Array();
    var truecheck = 0;
    for(var i = 0; i < checkbox.length; i++){
        select[i] = function(x){
            checkbox[x].onclick = function(){
                for(var j = 0; j < checkbox.length; j++){
                    if(checkbox[j].checked == true){
                        truecheck++;
                        icon[j].getElementsByTagName("img")[0].src = "../icon/select/checked.png";
                    }else{
                        icon[j].getElementsByTagName("img")[0].src = "../icon/select/unchecked.png";
                    }
                }
                num.innerHTML = truecheck;
                truecheck = 0;
            }
        }
        select[i](i)
    }
</script>
<script type="text/javascript" src="../js/back.js"></script>
</body>
</html>